<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <title>某东商城</title>
    <link rel="stylesheet" href="css/index.css" />
</head>
<body onload="load();">
    <div class="top-bar">
        <div class="top-menu">
            <div class="provence">
                <div style="list-style-type:none;">
                    <div class="dropdown">云南</div>
                    <div class="dropdown-content">
                        <div class="p-items">
                            <div class="p-item">北京</div>
                            <div class="p-item">四川</div>
                            <div class="p-item">四川</div>
                            <div class="p-item">四川</div>
                            <div class="p-item">河南</div>
                            <div class="p-item">四川</div>
                            <div class="p-item">四川</div>
                            <div class="p-item">四川</div>
                            <div class="p-item">贵州</div>
                            <div class="p-item">四川</div>
                            <div class="p-item">四川</div>
                            <div class="p-item">青海</div>
                            <div class="p-item">海南</div>
                            <div class="p-item">广东</div>
                            <div style="clear:both"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="u-menu">
                <ul style="list-style-type:none">
                    <li class="u-item"><a class="link-menu red" href="login.html">您好，请登录</a>&nbsp;&nbsp;<a class="link-menu" href="regist.html">免费注册</a></li>
                    <li class="spacer"></li>
                    <li class="u-item"><a class="link-menu">我的订单</a></li>
                    <li class="spacer"></li>
                    <li class="u-item dropdown"><a class="link-menu">我的京东&#957;</a>
                        <div class="dropdown-my">
                            <div class="my-items">
                                <div class="my-item"><a class="link-menu">待处理订单</a></div>
                                <div class="my-item"><a class="link-menu">消息</a></div>
                                <div class="my-item"><a class="link-menu">返修退换货</a></div>
                                <div class="my-item"><a class="link-menu">我的问答</a></div>
                                <div class="my-item"><a class="link-menu">降价商品</a></div>
                                <div class="my-item"><a class="link-menu">我的关注</a></div>
                                <div class="line-space"></div>
                                <div class="my-item"><a class="link-menu">我的京豆</a></div>
                                <div class="my-item"><a class="link-menu">我的优惠券</a></div>
                                <div class="my-item"><a class="link-menu">京东白条</a></div>
                                <div class="my-item"><a class="link-menu">我的理财</a></div>
                                <div style="clear:both"></div>
                            </div>
                        </div>
                    </li>
                    <li class="spacer"></li>
                    <li class="u-item"><a class="link-menu">京东会员</a></li>
                    <li class="spacer"></li>
                    <li class="u-item"><a class="link-menu">企业采购</a></li>
                    <li class="spacer"></li>
                    <li class="u-item dropdown"><a class="link-menu">客服服务&#957;</a>
                        <div class="dropdown-server">
                            <div class="s-menu1">
                                <div class="tit">客户</div>
                                <div class="s-item">帮助中心</div>
                                <div class="s-item">售后服务</div>
                                <div class="s-item">在线客服</div>
                                <div class="s-item">意见建议</div>
                                <div class="s-item">电话客服</div>
                                <div class="s-item">客服邮箱</div>
                                <div class="s-item">金融咨询</div>
                                <div class="s-item">售全球客服</div>
                                <div style="clear:both"></div>
                            </div>
                            <div class="s-menu2">
                                <div class="tit">商户</div>
                                <div class="s-item">合作招商</div>
                                <div class="s-item">学习中心</div>
                                <div class="s-item">商家后台</div>
                                <div class="s-item">京麦工作台</div>
                                <div class="s-item">商家帮助</div>
                                <div class="s-item">规则平台</div>
                                <div style="clear:both"></div>
                            </div>
                            <div style="clear:both"></div>
                        </div>
                    </li>
                    <li class="spacer"></li>
                    <li class="u-item"><a class="link-menu">网站导航&#957;</a></li>
                    <li class="spacer"></li>
                    <li class="u-item"><a class="link-menu">手机京东</a></li>
                    <li style="clear:both"></li>
                </ul>
            </div>
            <div style="clear:both"></div>
        </div>
    </div>
    <div class="header">
        <div class="logo">
            <a href="www.jd.com"><img class="img-logo" src="image/logo.png"></a>
        </div>
        <div class="search">
            <div class="s-form">
                <input class="text" type="text">
                <button class="s-btn"></button>
                <div class="photo"></div>
            </div>
        </div>
        <div class="shopping-car">
            <div class="red">我的购物车</div>
            <div class="shopping-list">
                <div> 购物车中还没有商品，赶紧选购吧！</div>
            </div>
            <div class="line-block"></div>
        </div>
        <div class="hotkeys">
            <a class="red" href="#">白条免息</a>
            <a class="grey" href="#">听她说数码</a>
            <a class="grey" href="#">1元养殖</a>
            <a class="grey" href="#">箱包大促</a>
            <a class="grey" href="#">高端家电</a>
            <a class="grey" href="#">打印纸</a>
        </div>
        <div class="baritems">
            <ul class="bargrop">
                <li class="bar-item">秒杀</li>
                <li class="bar-item">优惠券</li>
                <li class="bar-item tips">
                    <div>PLUS会员</div>
                    <div class="new">NEW</div>
                </li>
                <li class="bar-item">闪购</li>
                <li class="b-spacer"></li>
                <li class="spacer"></li>
                <li class="bar-item">拍卖</li>
                <li class="bar-item">京东服饰</li>
                <li class="bar-item">京东超市</li>
                <li class="bar-item">生鲜</li>
                <li class="b-spacer"></li>
                <li class="spacer"></li>
                <li class="bar-item">全球购</li>
                <li class="bar-item">京东金融</li>
            </ul>
        </div>
    </div>
    <div class="content">
        <div class="left-menu">
            <ul class="l-grop">
                <li class="l-item" target-data="group1" onmouseover="mOver(this);">家用电器</li>
                <li class="l-item" target-data="group2" onmouseover="mOver(this);">手机&frasl;运营商&frasl;数码</li>
                <li class="l-item" target-data="group3" onmouseover="mOver(this);">电脑&frasl;办公</li>
                <li class="l-item" target-data="group4" onmouseover="mOver(this);">家居&frasl;家具&frasl;家厨&frasl;厨具</li>
                <li class="l-item" target-data="group5" onmouseover="mOver(this);">男装&frasl;女装&frasl;童装&frasl;内衣</li>
                <li class="l-item" target-data="group6" onmouseover="mOver(this);">美妆个护&frasl;宠物</li>
                <li class="l-item" target-data="group7" onmouseover="mOver(this);">女鞋&frasl;箱包&frasl;钟表&frasl;珠宝</li>
                <li class="l-item" target-data="group8" onmouseover="mOver(this);">男鞋&frasl;运动&frasl;户外</li>
                <li class="l-item">母婴&frasl;玩具乐器</li>
                <li class="l-item">食品&frasl;酒类&frasl;生鲜&frasl;特产</li>
                <li class="l-item">艺术&frasl;礼品鲜花&frasl;农资绿植</li>
                <li class="l-item">医药保健&frasl;计生情趣</li>
                <li class="l-item">图书&frasl;音像&frasl;电子书</li>
                <li class="l-item">机票&frasl;酒店&frasl;旅游&frasl;生活</li>
                <li class="l-item">理财&frasl;众筹&frasl;白条&frasl;保险</li>
            </ul>
        </div>
        <div class="leftout-group" id="group1">
            <div class="group-fix">
                <div class="group-channel">
                    <a class="channel-lk" href="#">家电馆&gt;</a>
                    <a class="channel-lk" href="#">乡镇专卖店&gt;</a>
                    <a class="channel-lk" href="#">家电服务&gt;</a>
                    <a class="channel-lk" href="#">家电企业购&gt;</a>
                    <a class="channel-lk" href="#">家用电器&gt;</a>
                </div>
                <div class="group-items">
                    <dl class="g-items1">
                        <dt class="g-items-tit">电视&gt;</dt>
                        <dd class="g-item">
                            <a class="g-item-lk" href="">曲面电视</a>
                            <a class="g-item-lk" href="">超薄电视</a>
                            <a class="g-item-lk" href="">HDR电视</a>
                            <a class="g-item-lk" href="">OLED电视</a>
                            <a class="g-item-lk" href="">4K超清电视</a>
                            <a class="g-item-lk" href="">人工智能电视</a>
                            <a class="g-item-lk" href="">55英寸</a>
                            <a class="g-item-lk" href="">65英寸</a>
                            <a class="g-item-lk" href="">电视配件</a>
                            <a style="clear:both"></a>
                        </dd>
                    </dl>
                    <dl class="g-items1">
                        <dt class="g-items-tit">空调&gt;</dt>
                        <dd class="g-item">
                            <a class="g-item-lk" href="">壁挂式空调</a>
                            <a class="g-item-lk" href="">柜式空调</a>
                            <a class="g-item-lk" href="">中央空调</a>
                            <a class="g-item-lk" href="">以旧换新</a>
                            <a class="g-item-lk" href="">空调配件</a>
                            <a style="clear:both"></a>
                        </dd>
                    </dl>
                    <dl class="g-items1">
                        <dt class="g-items-tit">洗衣机&gt;</dt>
                        <dd class="g-item">
                            <a class="g-item-lk" href="">滚筒式洗衣机</a>
                            <a class="g-item-lk" href="">洗烘一体机</a>
                            <a class="g-item-lk" href="">波轮洗衣机</a>
                            <a class="g-item-lk" href="">迷你洗衣机</a>
                            <a class="g-item-lk" href="">烘干机</a>
                            <a class="g-item-lk" href="">洗衣机配件</a>
                            <a style="clear:both"></a>
                        </dd>
                    </dl>
                    <dl class="g-items1">
                        <dt class="g-items-tit">冰箱&gt;</dt>
                        <dd class="g-item">
                            <a class="g-item-lk" href="">多门</a>
                            <a class="g-item-lk" href="">对开门</a>
                            <a class="g-item-lk" href="">三门</a>
                            <a class="g-item-lk" href="">双门</a>
                            <a class="g-item-lk" href="">冷柜&frasl;冰柜</a>
                            <a class="g-item-lk" href="">酒柜</a>
                            <a class="g-item-lk" href="">冰箱配件</a>
                            <a style="clear:both"></a>
                        </dd>
                    </dl>
                    <dl class="g-items1">
                        <dt class="g-items-tit">厨卫大电&gt;</dt>
                        <dd class="g-item">
                            <a class="g-item-lk" href="">油烟机</a>
                            <a class="g-item-lk" href="">燃气灶</a>
                            <a class="g-item-lk" href="">烟灶套装</a>
                            <a class="g-item-lk" href="">消毒柜</a>
                            <a class="g-item-lk" href="">洗碗机</a>
                            <a class="g-item-lk" href="">电热水器</a>
                            <a class="g-item-lk" href="">燃气热水器</a>
                            <a class="g-item-lk" href="">嵌入式厨电</a>
                            <a class="g-item-lk" href="">商用厨房电器</a>
                            <a style="clear:both"></a>
                        </dd>
                    </dl>
                    <dl class="g-items1">
                        <dt class="g-items-tit">厨房小电&gt;</dt>
                        <dd class="g-item">
                            <a class="g-item-lk" href="">电饭煲</a>
                            <a class="g-item-lk" href="">微波炉</a>
                            <a class="g-item-lk" href="">电烤箱</a>
                            <a class="g-item-lk" href="">电磁炉</a>
                            <a class="g-item-lk" href="">电压力锅</a>
                            <a class="g-item-lk" href="">空气炸锅</a>
                            <a class="g-item-lk" href="">豆浆机</a>
                            <a class="g-item-lk" href="">咖啡机</a>
                            <a class="g-item-lk" href="">面包机</a>
                            <a class="g-item-lk" href="">榨汁机/原汁机</a>
                            <a class="g-item-lk" href="">电饼铛</a>
                            <a class="g-item-lk" href="">养生壶/煎药壶</a>
                            <a class="g-item-lk" href="">酸奶机</a>
                            <a class="g-item-lk" href="">煮蛋器</a>
                            <a class="g-item-lk" href="">面条机</a>
                            <a class="g-item-lk" href="">电水壶/热水瓶</a>
                            <a class="g-item-lk" href="">电炖锅</a>
                            <a class="g-item-lk" href="">多用途锅</a>
                            <a class="g-item-lk" href="">电烧烤炉</a>
                            <a class="g-item-lk" href="">电热饭盒</a>
                            <a class="g-item-lk" href="">其它厨房电器</a>
                            <a style="clear:both"></a>
                        </dd>
                    </dl>
                    <dl class="g-items1">
                        <dt class="g-items-tit">生活电器&gt;</dt>
                        <dd class="g-item">
                            <a class="g-item-lk" href="">取暖电器</a>
                            <a class="g-item-lk" href="">吸尘器/除螨仪</a>
                            <a class="g-item-lk" href="">空气净化器</a>
                            <a class="g-item-lk" href="">扫地机器人</a>
                            <a class="g-item-lk" href="">加湿器</a>
                            <a class="g-item-lk" href="">挂烫机/熨斗</a>
                            <a class="g-item-lk" href="">电话机</a>
                            <a class="g-item-lk" href="">插座</a>
                            <a class="g-item-lk" href="">电风扇</a>
                            <a class="g-item-lk" href="">冷风扇</a>
                            <a class="g-item-lk" href="">净水器</a>
                            <a class="g-item-lk" href="">饮水机</a>
                            <a class="g-item-lk" href="">除湿机</a>
                            <a class="g-item-lk" href="">干衣机</a>
                            <a class="g-item-lk" href="">清洁机</a>
                            <a class="g-item-lk" href="">收录/音机</a>
                            <a class="g-item-lk" href="">毛球修剪器</a>
                            <a class="g-item-lk" href="">其它生活电器</a>
                            <a class="g-item-lk" href="">生活电器配件</a>
                            <a style="clear:both"></a>
                        </dd>
                    </dl>
                    <dl class="g-items1">
                        <dt class="g-items-tit">个护健康&gt;</dt>
                        <dd class="g-item">
                            <a class="g-item-lk" href="">剃须刀</a>
                            <a class="g-item-lk" href="">口腔护理</a>
                            <a class="g-item-lk" href="">电吹风</a>
                            <a class="g-item-lk" href="">美容器</a>
                            <a class="g-item-lk" href="">洁面仪</a>
                            <a class="g-item-lk" href="">卷/直发器理发器</a>
                            <a class="g-item-lk" href="">剃/脱毛器</a>
                            <a class="g-item-lk" href="">足浴盆</a>
                            <a class="g-item-lk" href="">健康秤/厨房秤</a>
                            <a class="g-item-lk" href="">按摩器</a>
                            <a class="g-item-lk" href="">足疗机</a>
                            <a class="g-item-lk" href="">按摩椅</a>
                            <a class="g-item-lk" href="">其它健康电器</a>
                            <a style="clear:both"></a>
                        </dd>
                    </dl>
                    <dl class="g-items1">
                        <dt class="g-items-tit">家庭影音&gt;</dt>
                        <dd class="g-item">
                            <a class="g-item-lk" href="">家庭影院</a>
                            <a class="g-item-lk" href="">迷你音响</a>
                            <a class="g-item-lk" href="">DVD</a>
                            <a class="g-item-lk" href="">功放</a>
                            <a class="g-item-lk" href="">回音壁</a>
                            <a class="g-item-lk" href="">影音配件</a>
                            <a style="clear:both"></a>
                        </dd>
                    </dl>
                    <dl class="g-items1">
                        <dt class="g-items-tit">进口电器&gt;</dt>
                        <dd class="g-item">
                            <a class="g-item-lk" href="">进口电器</a>
                            <a style="clear:both"></a>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="group-fix2">
                <div class="brand-list">
                    <a class="brand-lk" href="#">
                        <img src="image/midea.jpg">
                    </a>
                    <a class="brand-lk" href="#">
                        <img src="image/robam.jpg">
                    </a>
                    <a class="brand-lk" href="#">
                        <img src="image/siemens.jpg">
                    </a>
                    <a class="brand-lk" href="#">
                        <img src="image/haier.jpg">
                    </a>
                    <a class="brand-lk" href="#">
                        <img src="image/haier.jpg">
                    </a>
                    <a class="brand-lk" href="#">
                        <img src="image/haier.jpg">
                    </a>
                </div>
                <div class="promotion">
                    <a class="promotion-lk">
                        <img src="image/2.jpg">
                    </a>
                    <a class="promotion-lk">
                        <img src="image/3.jpg">
                    </a>
                </div>
            </div>
        </div>
        <div class="leftout-group" id="group2">
            <div class="group-fix">
                <div class="group-channel">
                    <a class="channel-lk" href="#">玩3C&gt;</a>
                    <a class="channel-lk" href="#">手机频道&gt;</a>
                    <a class="channel-lk" href="#">网上营业厅&gt;</a>
                    <a class="channel-lk" href="#">配件选送中心&gt;</a>
                    <a class="channel-lk" href="#">企业购&gt;</a>
                    <a class="channel-lk" href="#">以旧换新&gt;</a>
                </div>
                <div class="group-items">
                    <dl class="g-items1">
                        <dt class="g-items-tit">手机通讯&gt;</dt>
                        <dd class="g-item">
                            <a class="g-item-lk" href="">手机</a>
                            <a class="g-item-lk" href="">对讲机</a>
                            <a class="g-item-lk" href="">以旧换新</a>
                            <a class="g-item-lk" href="">手机维修</a>
                            <a style="clear:both"></a>
                        </dd>
                    </dl>
                    <dl class="g-items1">
                        <dt class="g-items-tit">运营商&gt;</dt>
                        <dd class="g-item">
                            <a class="g-item-lk" href="">合约机</a>
                            <a class="g-item-lk" href="">选号码</a>
                            <a class="g-item-lk" href="">固话宽带</a>
                            <a class="g-item-lk" href="">办套餐</a>
                            <a class="g-item-lk" href="">充话费/流量</a>
                            <a class="g-item-lk" href="">中国电信</a>
                            <a class="g-item-lk" href="">中国移动</a>
                            <a class="g-item-lk" href="">中国联通</a>
                            <a class="g-item-lk" href="">京东通信</a>
                            <a class="g-item-lk" href="">170选号</a>
                            <a style="clear:both"></a>
                        </dd>
                    </dl>
                    <dl class="g-items1">
                        <dt class="g-items-tit">洗衣机&gt;</dt>
                        <dd class="g-item">
                            <a class="g-item-lk" href="">滚筒式洗衣机</a>
                            <a class="g-item-lk" href="">洗烘一体机</a>
                            <a class="g-item-lk" href="">波轮洗衣机</a>
                            <a class="g-item-lk" href="">迷你洗衣机</a>
                            <a class="g-item-lk" href="">烘干机</a>
                            <a class="g-item-lk" href="">洗衣机配件</a>
                            <a style="clear:both"></a>
                        </dd>
                    </dl>
                    <dl class="g-items1">
                        <dt class="g-items-tit">冰箱&gt;</dt>
                        <dd class="g-item">
                            <a class="g-item-lk" href="">多门</a>
                            <a class="g-item-lk" href="">对开门</a>
                            <a class="g-item-lk" href="">三门</a>
                            <a class="g-item-lk" href="">双门</a>
                            <a class="g-item-lk" href="">冷柜&frasl;冰柜</a>
                            <a class="g-item-lk" href="">酒柜</a>
                            <a class="g-item-lk" href="">冰箱配件</a>
                            <a style="clear:both"></a>
                        </dd>
                    </dl>
                    <dl class="g-items1">
                        <dt class="g-items-tit">厨卫大电&gt;</dt>
                        <dd class="g-item">
                            <a class="g-item-lk" href="">油烟机</a>
                            <a class="g-item-lk" href="">燃气灶</a>
                            <a class="g-item-lk" href="">烟灶套装</a>
                            <a class="g-item-lk" href="">消毒柜</a>
                            <a class="g-item-lk" href="">洗碗机</a>
                            <a class="g-item-lk" href="">电热水器</a>
                            <a class="g-item-lk" href="">燃气热水器</a>
                            <a class="g-item-lk" href="">嵌入式厨电</a>
                            <a class="g-item-lk" href="">商用厨房电器</a>
                            <a style="clear:both"></a>
                        </dd>
                    </dl>
                    <dl class="g-items1">
                        <dt class="g-items-tit">厨房小电&gt;</dt>
                        <dd class="g-item">
                            <a class="g-item-lk" href="">电饭煲</a>
                            <a class="g-item-lk" href="">微波炉</a>
                            <a class="g-item-lk" href="">电烤箱</a>
                            <a class="g-item-lk" href="">电磁炉</a>
                            <a class="g-item-lk" href="">电压力锅</a>
                            <a class="g-item-lk" href="">空气炸锅</a>
                            <a class="g-item-lk" href="">豆浆机</a>
                            <a class="g-item-lk" href="">咖啡机</a>
                            <a class="g-item-lk" href="">面包机</a>
                            <a class="g-item-lk" href="">榨汁机/原汁机</a>
                            <a class="g-item-lk" href="">电饼铛</a>
                            <a class="g-item-lk" href="">养生壶/煎药壶</a>
                            <a class="g-item-lk" href="">酸奶机</a>
                            <a class="g-item-lk" href="">煮蛋器</a>
                            <a class="g-item-lk" href="">面条机</a>
                            <a class="g-item-lk" href="">电水壶/热水瓶</a>
                            <a class="g-item-lk" href="">电炖锅</a>
                            <a class="g-item-lk" href="">多用途锅</a>
                            <a class="g-item-lk" href="">电烧烤炉</a>
                            <a class="g-item-lk" href="">电热饭盒</a>
                            <a class="g-item-lk" href="">其它厨房电器</a>
                            <a style="clear:both"></a>
                        </dd>
                    </dl>
                    <dl class="g-items1">
                        <dt class="g-items-tit">生活电器&gt;</dt>
                        <dd class="g-item">
                            <a class="g-item-lk" href="">取暖电器</a>
                            <a class="g-item-lk" href="">吸尘器/除螨仪</a>
                            <a class="g-item-lk" href="">空气净化器</a>
                            <a class="g-item-lk" href="">扫地机器人</a>
                            <a class="g-item-lk" href="">加湿器</a>
                            <a class="g-item-lk" href="">挂烫机/熨斗</a>
                            <a class="g-item-lk" href="">电话机</a>
                            <a class="g-item-lk" href="">插座</a>
                            <a class="g-item-lk" href="">电风扇</a>
                            <a class="g-item-lk" href="">冷风扇</a>
                            <a class="g-item-lk" href="">净水器</a>
                            <a class="g-item-lk" href="">饮水机</a>
                            <a class="g-item-lk" href="">除湿机</a>
                            <a class="g-item-lk" href="">干衣机</a>
                            <a class="g-item-lk" href="">清洁机</a>
                            <a class="g-item-lk" href="">收录/音机</a>
                            <a class="g-item-lk" href="">毛球修剪器</a>
                            <a class="g-item-lk" href="">其它生活电器</a>
                            <a class="g-item-lk" href="">生活电器配件</a>
                            <a style="clear:both"></a>
                        </dd>
                    </dl>
                    <dl class="g-items1">
                        <dt class="g-items-tit">个护健康&gt;</dt>
                        <dd class="g-item">
                            <a class="g-item-lk" href="">剃须刀</a>
                            <a class="g-item-lk" href="">口腔护理</a>
                            <a class="g-item-lk" href="">电吹风</a>
                            <a class="g-item-lk" href="">美容器</a>
                            <a class="g-item-lk" href="">洁面仪</a>
                            <a class="g-item-lk" href="">卷/直发器理发器</a>
                            <a class="g-item-lk" href="">剃/脱毛器</a>
                            <a class="g-item-lk" href="">足浴盆</a>
                            <a class="g-item-lk" href="">健康秤/厨房秤</a>
                            <a class="g-item-lk" href="">按摩器</a>
                            <a class="g-item-lk" href="">足疗机</a>
                            <a class="g-item-lk" href="">按摩椅</a>
                            <a class="g-item-lk" href="">其它健康电器</a>
                            <a style="clear:both"></a>
                        </dd>
                    </dl>
                    <dl class="g-items1">
                        <dt class="g-items-tit">家庭影音&gt;</dt>
                        <dd class="g-item">
                            <a class="g-item-lk" href="">家庭影院</a>
                            <a class="g-item-lk" href="">迷你音响</a>
                            <a class="g-item-lk" href="">DVD</a>
                            <a class="g-item-lk" href="">功放</a>
                            <a class="g-item-lk" href="">回音壁</a>
                            <a class="g-item-lk" href="">影音配件</a>
                            <a style="clear:both"></a>
                        </dd>
                    </dl>
                    <dl class="g-items1">
                        <dt class="g-items-tit">进口电器&gt;</dt>
                        <dd class="g-item">
                            <a class="g-item-lk" href="">进口电器</a>
                            <a style="clear:both"></a>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="group-fix2">
                <div class="brand-list">
                    <a class="brand-lk" href="#">
                        <img src="image/xiaomi.jpg">
                    </a>
                    <a class="brand-lk" href="#">
                        <img src="image/apple.jpg">
                    </a>
                    <a class="brand-lk" href="#">
                        <img src="image/honor.jpg">
                    </a>
                    <a class="brand-lk" href="#">
                        <img src="image/haier.jpg">
                    </a>
                    <a class="brand-lk" href="#">
                        <img src="image/haier.jpg">
                    </a>
                    <a class="brand-lk" href="#">
                        <img src="image/haier.jpg">
                    </a>
                </div>
                <div class="promotion">
                    <a class="promotion-lk">
                        <img src="image/2.jpg">
                    </a>
                    <a class="promotion-lk">
                        <img src="image/3.jpg">
                    </a>
                </div>
            </div>
        </div>
        <div class="middle-img">
            <div class="mid-box">
                <div class="img-box">
                    <a class="img-lk" id="img1">
                        <img src="image/img1.jpg">
                    </a>
                    <a class="img-lk" id="img2">
                        <img src="image/img2.jpg">
                    </a>
                    <a class="img-lk" id="img3">
                        <img src="image/img3.jpg">
                    </a>
                </div>
                <div class="img-btn-left img-switch" onclick=img_next("left");>&lt;</div>
                <div class="img-btn-right img-switch" onclick=img_next("right");>&gt;</div>
                <div class="img-btn-point">
                    <div class="btn-circle" target-data="img1" onmouseover="img_switch(this);"></div>
                    <div class="btn-circle" target-data="img2" onmouseover="img_switch(this);"></div>
                    <div class="btn-circle" target-data="img3" onmouseover="img_switch(this);"></div>
                </div>
            </div>
        </div>
        <div class="col-ch">
            <div class="col-ch-item">
                <a href="#">
                    <img src="image/col-ch1.jpg">
                </a>
            </div>
            <div class="col-ch-item">
                <a href="#">
                    <img src="image/col-ch2.jpg">
                </a>
            </div>
            <div class="col-ch-item">
                <a href="#">
                    <img src="image/col-ch3.jpg">
                </a>
            </div>
        </div>
        <div class="col-right">
            <div class="user-form">
                <div class="user-head">
                    <div class="user-photo">
                        <img src="image/no_login.jpg">
                        <a class="user-lk" href="#"></a>
                    </div>
                    <div class="user-msg">
                        <p>Hi~欢迎来到京东！</p>
                        <p>
                            <a href="login.html">登录</a>
                            <a href="regist.html">注册</a>
                        </p>
                    </div>
                </div>
                <div class="user-btn">
                    <a class="new-user" href="#">新人福利</a>
                    <a class="plus-vip" href="#">PLUS会员</a>
                </div>
            </div>
            <div class="news">
                <div class="news-title">
                    <a class="news-tit-left" target-data="tab1" href="#" onmouseover="move_line(this);">促销</a>
                    <div class="news-tit-space"></div>
                    <a class="news-tit-left" target-data="tab2" href="#" onmouseover="move_line(this);">公告</a>
                    <a class="news-tit-right" href="#">更多</a>
                    <div class="red-line" id="line1"></div>
                    <div style="clear:both"></div>
                </div>
                <div class="news-content">
                    <div class="news-tab" id="tab1">
                        <ul>
                            <li><a href="#">京东健康超级品类日低5折</a></li>
                            <li><a href="#">翼480新品独家首发</a></li>
                            <li><a href="#">大牌家纺满799减400</a></li>
                            <li><a href="#">每日享折扣&nbsp;京东品质游</a></li>
                        </ul>
                    </div>
                    <div class="news-tab" id="tab2" style="display:none;">
                        <ul>
                            <li><a href="#">京东启用全新客服电话“950618”</a></li>
                            <li><a href="#">大家电订单超期自动取消公告</a></li>
                            <li><a href="#">关于召回普利公司（天津）轮胎有限公司2个规格乘用车轮胎的公告</a></li>
                            <li><a href="#">京东物流推出配送员统一外呼电话"95056”</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="service">
                <div class="ser-icon">
                    <ul class="ser-list">
                        <li class="ser-item">
                            <a class="ser-lk" href="#">
                                <i class="ser-ico ser-ico-money"></i>
                            </a>
                        </li>
                        <li class="ser-item">
                            <a class="ser-lk" href="#">
                                <i class="ser-ico ser-ico-fly"></i>
                                <span class="ser-tip">
                                    <i class="ser-tip-text">惠</i>
                                </span>
                            </a>
                        </li>
                        <li class="ser-item">
                            <a class="ser-lk" href="#">
                                <i class="ser-ico ser-ico-hotel"></i>
                            </a>
                        </li>
                        <li class="ser-item">
                            <a class="ser-lk" href="#">
                                <i class="ser-ico ser-ico-game"></i>
                            </a>
                        </li>
                        <li class="ser-item">
                            <a class="ser-lk" href="#">
                                <i class="ser-ico ser-ico-comp"></i>
                            </a>
                        </li>
                        <li class="ser-item">
                            <a class="ser-lk" href="#">
                                <i class="ser-ico ser-ico-water"></i>
                            </a>
                        </li>
                        <li class="ser-item">
                            <a class="ser-lk" href="#">
                                <i class="ser-ico ser-ico-video"></i>
                            </a>
                        </li>
                        <li class="ser-item">
                            <a class="ser-lk" href="#">
                                <i class="ser-ico ser-ico-train"></i>
                                <span class="ser-tip">
                                    <i class="ser-tip-text">抢</i>
                                </span>
                            </a>
                        </li>
                        <li class="ser-item">
                            <a class="ser-lk" href="#">
                                <i class="ser-ico ser-ico-zhongchou"></i>
                            </a>
                        </li>
                        <li class="ser-item">
                            <a class="ser-lk" href="#">
                                <i class="ser-ico ser-ico-licai"></i>
                            </a>
                        </li>
                        <li class="ser-item">
                            <a class="ser-lk" href="#">
                                <i class="ser-ico ser-ico-card"></i>
                            </a>
                        </li>
                        <li class="ser-item">
                            <a class="ser-lk" href="#">
                                <i class="ser-ico ser-ico-baitiao"></i>
                            </a>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="floors">
        <div class="fk-hd">
            <div class="fk-hd-tit">京东秒杀</div>
            <div class="fk-hd-tit2">FLASH&nbsp;DEALS</div>
            <i class="fk-hd-ico"></i>
            <div class="fk-hd-desc">距离本场结束还剩</div>
            <div class="fk-hd-time">
                <div class="fk-hd-cd">
                    <span class="cd-text" id="cd-hours">00</span>
                </div>
                <div class="fk-hd-cd">
                    <span class="cd-text" id="cd-minutes">00</span>
                </div>
                <div class="fk-hd-cd">
                    <span class="cd-text" id="cd-seconds">00</span>
                </div>
            </div>
        </div>
        <div class="fk-bd">
            <div class="fk-list" id="fk-list">
                <div class="fk-item">
                    <a class="fk-item-lk" href="#">
                        <img src="image/product/shouji.jpg" class="fk-item-img">
                        <p class="fk-item-name">夏普 SHARP AQUOS S2 全面屏手机 全网通 4GB+64GB 晶耀黑 移动联通电信4G手机 双卡双待</p>
                        <div class="fk-item-price">
                            <span class="fk-item-price-new">
                                <i>￥</i>
                                <span>1399.00</span>
                            </span>
                            <span class="fk-item-price-orign">
                                <i>￥</i>
                                <span>1699.00</span>
                            </span>
                        </div>
                    </a>
                </div>
                <div class="fk-item">
                    <a class="fk-item-lk" href="#">
                        <img src="image/product/asus.jpg" class="fk-item-img">
                        <p class="fk-item-name">华硕（ASUS）PRIME Z370-A 主板（Intel Z370/LGA 1151）</p>
                        <div class="fk-item-price">
                            <span class="fk-item-price-new">
                                <i>￥</i>
                                <span>1698.00</span>
                            </span>
                            <span class="fk-item-price-orign">
                                <i>￥</i>
                                <span>1799.00</span>
                            </span>
                        </div>
                    </a>
                </div>
                <div class="fk-item">
                    <a class="fk-item-lk" href="#">
                        <img src="image/product/hongjiu.jpg" class="fk-item-img">
                        <p class="fk-item-name">法国进口红酒 拉菲（LAFITE）传奇波尔多干红葡萄酒 整箱装 750ml*6瓶（ASC）</p>
                        <div class="fk-item-price">
                            <span class="fk-item-price-new">
                                <i>￥</i>
                                <span>468.00</span>
                            </span>
                            <span class="fk-item-price-orign">
                                <i>￥</i>
                                <span>898.00</span>
                            </span>
                        </div>
                    </a>
                </div>
                <div class="fk-item">
                    <a class="fk-item-lk" href="#">
                        <img src="image/product/shenzhou.jpg" class="fk-item-img">
                        <p class="fk-item-name">神舟（HASEE）战神Z7-KP7GT GTX1060 6G 15.6英寸游戏本笔记本电脑(i7-7700HQ 8G 1T+128G SSD 1080P)黑色</p>
                        <div class="fk-item-price">
                            <span class="fk-item-price-new">
                                <i>￥</i>
                                <span>7088.00</span>
                            </span>
                            <span class="fk-item-price-orign">
                                <i>￥</i>
                                <span>7499.00</span>
                            </span>
                        </div>
                    </a>
                </div>
                <div class="fk-item">
                    <a class="fk-item-lk" href="#">
                        <img src="image/product/meidi.jpg" class="fk-item-img">
                        <p class="fk-item-name">美的（Midea）取暖器/电暖器/电暖气 欧式居浴两用欧式快热炉NDK20-17DW</p>
                        <div class="fk-item-price">
                            <span class="fk-item-price-new">
                                <i>￥</i>
                                <span>319.00</span>
                            </span>
                            <span class="fk-item-price-orign">
                                <i>￥</i>
                                <span>499.00</span>
                            </span>
                        </div>
                    </a>
                </div>
                <div class="fk-item">
                    <a class="fk-item-lk" href="#">
                        <img src="image/product/xibu.jpg" class="fk-item-img">
                        <p class="fk-item-name">西部数据（WD）My Passport 2TB 2.5英寸 经典黑 移动硬盘 WDBYFT0020BBK-CESN</p>
                        <div class="fk-item-price">
                            <span class="fk-item-price-new">
                                <i>￥</i>
                                <span>579.00</span>
                            </span>
                            <span class="fk-item-price-orign">
                                <i>￥</i>
                                <span>719.00</span>
                            </span>
                        </div>
                    </a>
                </div>
                <div class="fk-item">
                    <a class="fk-item-lk" href="#">
                        <img src="image/product/fulinmen.jpg" class="fk-item-img">
                        <p class="fk-item-name">福临门 食用油 浓香压榨一级 花生油4L 中粮出品</p>
                        <div class="fk-item-price">
                            <span class="fk-item-price-new">
                                <i>￥</i>
                                <span>72.90</span>
                            </span>
                            <span class="fk-item-price-orign">
                                <i>￥</i>
                                <span>199.90</span>
                            </span>
                        </div>
                    </a>
                </div>
                <div class="fk-item">
                    <a class="fk-item-lk" href="#">
                        <img src="image/product/kele.jpg" class="fk-item-img">
                        <p class="fk-item-name">百事可乐 碳酸饮料 把乐带回家 330ml*24听 整箱 (新老包装随机发货)</p>
                        <div class="fk-item-price">
                            <span class="fk-item-price-new">
                                <i>￥</i>
                                <span>38.79</span>
                            </span>
                            <span class="fk-item-price-orign">
                                <i>￥</i>
                                <span>49.90</span>
                            </span>
                        </div>
                    </a>
                </div>
                <div style="clear:both"></div>
            </div>
            <div class="fk-btn fk-btn-left" onclick="product_next('left');">&lt;</div>
            <div class="fk-btn fk-btn-right" onclick="product_next('right');">&gt;</div>
        </div>
        <div class="fk-ch fk-ch-div">
            <div class="fk-ch-img" id="fk-img1" bang-ele="fk-ch-circle1">
                <a href="#">
                    <img src="image/product/ch0.jpg">
                </a>
            </div>
            <div class="fk-ch-img" id="fk-img2" bang-ele="fk-ch-circle2">
                <a href="#">
                    <img src="image/product/ch1.png">
                </a>
            </div>
            <div class="fk-ch-btn">
                <div id="fk-ch-circle1" class="fk-ch-circle" target-data="fk-img1" onmouseover="fk_img_switch(this);"></div>
                <div id="fk-ch-circle2" class="fk-ch-circle" target-data="fk-img2" onmouseover="fk_img_switch(this);"></div>
            </div>

        </div>

    </div>
    <div class="more-pro">
        <div class="more-item">
            <div class="load-img">
                <img src="image/product/1-1.jpg">
            </div>
            <div class="more-item-info">
                <p class="more-item-name">【3件以上9.9】云蕾 加厚经济型清洁垃圾袋45*50cm 150只 13817</p>
                <p class="more-item-price">￥12.90</p>
            </div>
        </div>
        <div class="more-item">
            <div class="load-img">
                <img src="image/product/1-2.jpg">
            </div>
            <div class="more-item-info">
                <p class="more-item-name">【3件以上9.9】云蕾 加厚经济型清洁垃圾袋45*50cm 150只 13817</p>
                <p class="more-item-price">￥12.90</p>
            </div>
        </div>
        <div class="more-item">
            <div class="load-img">
                <img src="image/product/1-3.jpg">
            </div>
            <div class="more-item-info">
                <p class="more-item-name">【3件以上9.9】云蕾 加厚经济型清洁垃圾袋45*50cm 150只 13817</p>
                <p class="more-item-price">￥12.90</p>
            </div>
        </div>
        <div class="more-item">
            <div class="load-img">
                <img src="image/product/1-4.jpg">
            </div>
            <div class="more-item-info">
                <p class="more-item-name">【3件以上9.9】云蕾 加厚经济型清洁垃圾袋45*50cm 150只 13817</p>
                <p class="more-item-price">￥12.90</p>
            </div>
        </div>
        <div class="more-item">
            <div class="load-img">
                <img src="image/product/1-5.jpg">
            </div>
            <div class="more-item-info">
                <p class="more-item-name">【3件以上9.9】云蕾 加厚经济型清洁垃圾袋45*50cm 150只 13817</p>
                <p class="more-item-price">￥12.90</p>
            </div>
        </div>
        <div class="more-item">
            <div class="load-img">
                <img src="image/product/1-6.jpg">
            </div>
            <div class="more-item-info">
                <p class="more-item-name">【3件以上9.9】云蕾 加厚经济型清洁垃圾袋45*50cm 150只 13817</p>
                <p class="more-item-price">￥12.90</p>
            </div>
        </div>
        <div class="more-item">
            <div class="load-img">
                <img src="image/product/1-7.jpg">
            </div>
            <div class="more-item-info">
                <p class="more-item-name">【3件以上9.9】云蕾 加厚经济型清洁垃圾袋45*50cm 150只 13817</p>
                <p class="more-item-price">￥12.90</p>
            </div>
        </div>
        <div class="more-item">
            <div class="load-img">
                <img src="image/product/1-8.jpg">
            </div>
            <div class="more-item-info">
                <p class="more-item-name">【3件以上9.9】云蕾 加厚经济型清洁垃圾袋45*50cm 150只 13817</p>
                <p class="more-item-price">￥12.90</p>
            </div>
        </div>
        <div class="more-item">
            <div class="load-img">
                <img src="image/product/1-9.jpg">
            </div>
            <div class="more-item-info">
                <p class="more-item-name">【3件以上9.9】云蕾 加厚经济型清洁垃圾袋45*50cm 150只 13817</p>
                <p class="more-item-price">￥12.90</p>
            </div>
        </div>
        <div class="more-item">
            <div class="load-img">
                <img src="image/product/1-7.jpg">
            </div>
            <div class="more-item-info">
                <p class="more-item-name">【3件以上9.9】云蕾 加厚经济型清洁垃圾袋45*50cm 150只 13817</p>
                <p class="more-item-price">￥12.90</p>
            </div>
        </div>
        <div class="more-item">
            <div class="load-img">
                <img src="image/product/1-6.jpg">
            </div>
            <div class="more-item-info">
                <p class="more-item-name">【3件以上9.9】云蕾 加厚经济型清洁垃圾袋45*50cm 150只 13817</p>
                <p class="more-item-price">￥12.90</p>
            </div>
        </div>
        <div class="more-item">
            <div class="load-img">
                <img src="image/product/1-1.jpg">
            </div>
            <div class="more-item-info">
                <p class="more-item-name">【3件以上9.9】云蕾 加厚经济型清洁垃圾袋45*50cm 150只 13817</p>
                <p class="more-item-price">￥12.90</p>
            </div>
        </div>
        <div class="more-item">
            <div class="load-img">
                <img src="image/product/1-3.jpg">
            </div>
            <div class="more-item-info">
                <p class="more-item-name">【3件以上9.9】云蕾 加厚经济型清洁垃圾袋45*50cm 150只 13817</p>
                <p class="more-item-price">￥12.90</p>
            </div>
        </div>
        <div style="clear:both"></div>
    </div>
    <div class="footer">
        <div class="footer-ser">
            <div class="footer-ser-item">
                <div class="footer-ser-unit">
                    <h5 class="footer-ser-tit footer-ser-duo"></h5>
                    <p class="footer-ser-text">品类齐全，轻松购物</p>
                </div>
                <div style="clear:both"></div>
            </div>
            <div class="footer-ser-item">
                <div class="footer-ser-unit">
                    <h5 class="footer-ser-tit footer-ser-kuai"></h5>
                    <p class="footer-ser-text">多仓直发，极速配送</p>
                </div>
                <div style="clear:both"></div>
            </div>
            <div class="footer-ser-item">
                <div class="footer-ser-unit">
                    <h5 class="footer-ser-tit footer-ser-hao"></h5>
                    <p class="footer-ser-text">正品行货，精致服务</p>
                </div>
                <div style="clear:both"></div>
            </div>
            <div class="footer-ser-item">
                <div class="footer-ser-unit">
                    <h5 class="footer-ser-tit footer-ser-shen"></h5>
                    <p class="footer-ser-text">天天低价，畅选无忧</p>
                </div>
                <div style="clear:both"></div>
            </div>
            <div style="clear:both"></div>
        </div>
        <div class="footer-help">
            <div class="footer-help-inner">
                <dl class="help-nav">
                    <dt><h5 class="help-tit">购物指南</h5></dt>
                    <dd class="help-text">
                        <a href="#">购物流程</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">会员介绍</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">生活旅行</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">常见问题</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">大家电</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">联系客服</a>
                    </dd>
                </dl>
                <dl class="help-nav">
                    <dt><h5 class="help-tit">配送方式</h5></dt>
                    <dd class="help-text">
                        <a href="#">上门自提</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">211限时达</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">配送服务查询</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">配送费收取标准</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">海外配送</a>
                    </dd>

                </dl>
                <dl class="help-nav">
                    <dt><h5 class="help-tit">支付方式</h5></dt>
                    <dd class="help-text">
                        <a href="#">货到付款</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">在线支付</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">分期付款</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">邮局汇款</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">公司转账</a>
                    </dd>
                </dl>
                <dl class="help-nav">
                    <dt><h5 class="help-tit">售后服务</h5></dt>
                    <dd class="help-text">
                        <a href="#">售后政策</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">价格保护</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">退款说明</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">返修/退换货</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">取消订单</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">联系客服</a>
                    </dd>
                </dl>
                <dl class="help-nav">
                    <dt><h5 class="help-tit">特色服务</h5></dt>
                    <dd class="help-text">
                        <a href="#">夺宝岛</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">DIY装机</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">延保服务</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">京东E卡</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">京东通信</a>
                    </dd>
                    <dd class="help-text">
                        <a href="#">京东JD+</a>
                    </dd>
                </dl>
                <dl class="help-nav-cover">
                    <dt><h5 class="help-tit cover-tit">京东自营覆盖区县</h5></dt>
                    <dd class="help-cover-text">京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</dd>
                    <dd class="help-cover-text help-cover-pos"><a href="#">查看详情&gt;</a></dd>
                </dl>
                <div style="clear:both"></div>
            </div>
        </div>
    </div>
    <div class="side"></div>
    <div class="sidebar">
        <div class="sidebar-tool tool-ico-user">
            <div class="sidebar-ico"></div>
            <div class="sidebar-content">京东会员</div>
        </div>
        <div class="sidebar-tool tool-ico-shopping-car">
            <div class="sidebar-ico"></div>
            <div class="sidebar-content">购物车</div>
        </div>
        <div class="sidebar-tool tool-ico-guanzhu">
            <div class="sidebar-ico"></div>
            <div class="sidebar-content">我的关注</div>
        </div>
        <div class="sidebar-tool tool-ico-zuji">
            <div class="sidebar-ico"></div>
            <div class="sidebar-content">我的足迹</div>
        </div>
        <div class="sidebar-tool tool-ico-message">
            <div class="sidebar-ico"></div>
            <div class="sidebar-content">我的消息</div>
        </div>
        <div class="sidebar-tool tool-ico-jimi">
            <div class="sidebar-ico"></div>
            <div class="sidebar-content">咨询JIMI</div>
        </div>
    </div>
    <div class="bottom-bar">
        <div class="sidebar-tool tool-ico-back" onclick="back_top();">
            <div class="sidebar-ico"></div>
            <div class="sidebar-content">顶部</div>
        </div>
        <div class="sidebar-tool tool-ico-fankui">
            <div class="sidebar-ico"></div>
            <div class="sidebar-content">反馈</div>
        </div>
    </div>
    <div class="fixed-bar" id="fixed-search-bar">
        <div class="fixed-bar-inner">
            <div class="fixed-bar-logo">
                <a href="#"></a>
            </div>
            <div class="s-form fixed-form">
                <input class="text fixed-bar-text" type="text">
                <button class="s-btn"></button>
                <div class="photo"></div>
            </div>
        </div>
    </div>
<script language="JavaScript" src="js/index.js">
</script>
</body>
</html>